<template>
    <div class="btnparent" @click="register">
        <div class="loginbtn">{{text}}</div>
    </div>
</template>

<script>
    export default {
        name: "loginBtn",
        props: ['text'],
        methods:{
            register(){
                this.$emit("registerSubmit")
            }
        }
    }
</script>

<style lang="less">
    .btnparent {
        padding: 4.17vw 2.78vw;
    }

    .loginbtn {
        height: 45px;
        background-color: #ff9db5;
        color: white;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 22.5px;
    }
</style>